<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Comunicados</title>
<link href="css/geral.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="js/jquery.js"  type="text/javascript"></script>
<script language="JavaScript" src="js/biblioteca.js"    type="text/javascript"></script>
<script type="text/javascript" src="crc_editor/ckeditor/ckeditor.js"></script>

<script>
$(function(){
	$("#fixo").html( $("#box_fixo").html() );
	var pos_fixo = $("#box_fixo").first().offset().top;
	
	$(window).scroll(function(){
		var scroll_pos = $(window).scrollTop();
		if(scroll_pos >= pos_fixo){
			$("#fixo").show();
		}else{
			$("#fixo").hide();
		}
	});	
});

function criar_lista(){
	bi.LightboxExibe({lightbox: "criar_lista"});
	return false;
}

function lnk(end){
	window.location = end;
	//window.open(end, "_blank");
	return false;
}
</script>
</head>

<body>

<!--Inicio [lightbox]-->
<div id="criar_lista" class="lightbox pag_campanha" style="display: none; width: 350px;">
	<span class="titulo">
    	<h1>Criar Campanha</h1>
        <span class="fechar"><a href="#" class="botao_fechar"></a></span>
    </span>
    <span class="hr"></span>
    <br />
    
    <!--<span class="subtitulo pointer"><h2>Dados campanha:</h2></span>
    <span class="hr"></span>-->

    <div class="grupo" style="text-align: center;">
        <span class="item">
            <span class="lbl"><h3>Título</h3></span>
            <span class="inp"><input type="text" name="titulo" id="titulo" value=""></span>
        </span>

        <span class="item">
            <span class="lbl"><input type="checkbox" /><h3>Comunicados</h3></span>
            <span class="inp">
                <span class="select">
                    <span class="opt"><input type="checkbox" /><span class="txt">Comunicado vip</span></span>
                    <span class="opt"><input type="checkbox" /><span class="txt">Comunicado super vip</span></span>
                    <span class="opt"><input type="checkbox" /><span class="txt">Comunicado teste</span></span>
                </span>
            </span>
        </span>        
        
        <div class="botoes">
        	<a href="#" class="botao ico">Cancelar</a>
			<a href="#" class="botao ico"><span class="save"></span><span class="txt">Salvar</span></a>
        </div>
    </div>
</div>
<!--Fim [lightbox]-->

<!--Inicio [pag]-->
<div class="pag pag_campanha">
	<!--Inicio [pag_banner]-->
    <div class="pag_banner">
    	<span class="wrap">
        	<span class="titulo">Projeto Informativo</span>
        </span>
    </div>
    <!--Fim [pag_banner]-->
    
    <div id="fixo" class="normal fixed" style="display: none; z-index: 11;"></div>
    
    <!--Inicio [pag_fixo]-->
    <div class="normal" id="box_fixo">
    
        <!--Inicio [pag_usuario]-->
        <div class="pag_usuario">
            <span class="wrap">
                <span class="logo"><img src="imgs/logo_tim.png" /></span>
                <span class="grupo">
                    <span class="nome"><h2>rubia@timbrasil.com.br</h2></span>
                    <a href="#" class="sair ico"><span class="logout"></span><span class="txt">Sair</span></a>
                </span>
            </span>
        </div>
        <!--Fim [pag_usuario]-->
        
        <!--Inicio [pag_menu]-->
        <div class="pag_menu">
            <span class="wrap">
                <ul>
                    <li><a href="home.html">Home</a></li>
                    <li><a href="contatos.html">Contatos</a></li>
                    <li><a href="campanhas.html" class="sel">Campanhas</a></li>
                    <li><a href="comunicados.html">Comunicados</a></li>
                    <li><a href="templates.html">Templates</a></li>
                </ul>
            </span>
        </div>
        <!--Fim [pag_menu]-->
    
    </div>
    <!--Fim [pag_fixo]-->
    
    <br />
    
    <!--Inicio [pag_body]-->
    <span class="pag_body">
    	<span class="wrap">
    		<span class="titulo">
            	<span class="ball"><span class="campanhas"></span></span>
                <h1>Campanhas</h1>
            </span>
		</span>
	</span>
    
    <span class="pag_body">
    	<span class="wrap">
            <span class="subtitulo pointer">
            	<h2>Critérios de pesquisa:</h2>
                <span class="filtro"><span class="seta_c"></span></span>
            </span>
            <span class="hr"></span>
            <div class="grupo">
                <span class="item">
                    <span class="lbl"><h3>Campanha</h3></span>
                    <span class="inp"><input type="text" name="filtro_campanha" id="filtro_campanha" value=""></span>
                </span>

                <span class="item">
                    <span class="lbl"><h3>Comunicado</h3></span>
                    <span class="inp"><input type="text" name="filtro_comunicado" id="filtro_comunicado" value=""></span>
                </span>
                                
                <div class="botoes">
                    <a href="#" class="botao ico"><span class="search"></span><span class="txt">Buscar</span></a>
                </div>
            </div>
		</span>
	</span>

    <span class="pag_body">
    	<span class="wrap">        
            <span class="subtitulo"><h2>Lista de campanhas:</h2></span>
            <span class="hr"></span>
            <br />
            
            <table class="tabela" border="0" cellpadding="0" cellspacing="0">
            	<tr class="head">
                	<td><h3>Campanha</h3></td>
                    <td width="5%"><h3>Comunicados</h3></td>
                    <td width="12%"><h3>Ação</h3></td>
                </tr>
                <tr>
                	<td><h3>Vips</h3></td>
                    <td><h3>2</h3></td>
                    <td>
                    	<a href="relatorios.html" class="botao ico" title="Relatório"><span class="relatorios"></span></a>
                    	<a href="#" class="botao ico" title="Editar"><span class="edit"></span></a>
                    	<a href="#" class="botao ico" title="Excluir"><span class="del"></span></a>
                    </td>
                </tr>
                <tr>
                	<td><h3>Natal</h3></td>
                    <td><h3>0</h3></td>
                    <td>
                    	<a href="relatorios.html" class="botao ico" title="Relatório"><span class="relatorios"></span></a>
                    	<a href="#" class="botao ico" title="Editar"><span class="edit"></span></a>
                    	<a href="#" class="botao ico" title="Excluir"><span class="del"></span></a>
                    </td>
                </tr>
            </table>
            
            <div class="botoes">
            	<a href="#" class="botao ico" onclick="return criar_lista();"><span class="plus"></span><span class="txt">Criar campanha</span></a>
            </div>
            
            <div class="paginacao">
            	<span class="grupo">
                    <a href="#" onclick="return paginacao(1)">&lt;</a>
                    <a href="#" onclick="return paginacao(1)">1</a>
                    <a href="#" class="sel" onclick="return paginacao(2)">2</a>
                    <a href="#" onclick="return paginacao(3)">3</a>
                    <a href="#" onclick="return paginacao(3)">&gt;</a>
                </span>
            </div>
            
            <!--<span style="position: relative; display: block; height: 700px;"></span>-->
        </span>
    </span>
    <!--Fim [pag_body]-->
    
    <!--Inicio [pag_foot]-->
    <!--<div class="pag_foot">
    	<span class="wrap">
    		<a href="#">Algum link</a>
            <a href="#">Outra informação</a>
        </span>
    </div>-->
    <!--Fim [pag_foot]-->
</div>
<!--Fim [pag]-->

</body>

</html>
